<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="../../scripts/lib/echarts-3.3.1/echarts.js"></script>
</head>
<body>
  <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  <div id="chart1" style="height:100%;width:100%;"></div>
  <!-- ECharts单文件引入 -->


  <script type="text/javascript">
    $(function() {

    // 路径配置
    require.config({
      paths: {
        echarts: '../../scripts/lib/echarts-2.2.7'
      }
    });

    require(
      [
      'echarts',
      'echarts/chart/bar',
            'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
            ],
            function(ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('chart1'));

            option = {
              tooltip : {
               trigger: 'axis'
             },
             legend: {
               data:['2015年','2014年']
             },
             toolbox: {
               show : false,
               feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
              }
            },
            calculable : true,
            xAxis : [
            {
              type : 'category',
              data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
            }
            ],
            yAxis : [
            {
              type : 'value',
              name:'产品事故数'
            }
            ],
            series : [
            {
              name:'2015年',
              type:'bar',
              data:[345, 333, 125, 322, 212, 200, 123, 98, 54, 44, 10, 33],
              markPoint : {
               data : [
               {type : 'max', name: '最大值'},
               {type : 'min', name: '最小值'}
               ]
             },
             markLine : {
               data : [
               {type : 'average', name: '平均值'}
               ]
             }
           },
           {
            name:'2014年',
            type:'bar',
            data:[44, 22, 88, 44, 200, 100, 150, 190, 50, 20, 6, 22],
            markPoint : {
             data : [
             {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
             {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
             ]
           },
           markLine : {
             data : [
             {type : 'average', name : '平均值'}
             ]
           }
         }
         ]
       };



            // 为echarts对象加载数据
            myChart.setOption(option);
            window.onresize = myChart.resize
          }
          );

})
</script>
</body>
</html>

